<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/images/sandau.webp">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工单管理系统</title>
    
    <style>
      /* 确保 html 和 body 的高度为 100% */
      html, body {
        height: 100%; /* 设置高度为 100% */
        margin: 0; /* 去掉默认的外边距 */
        padding: 0; /* 去掉默认的内边距 */
        /*overflow: hidden; /* 防止出现滚动条 */
      }
      #app {
        height: 100%; /* 确保应用容器高度为 100% */
        display: flex; /* 使用 Flexbox 布局 */
        flex-direction: column; /* 使子元素垂直排列 */
        overflow-y: auto; /* 允许垂直滚动 */
      }
    </style>


  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
